<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.content{
			  width: 100%;
			  margin: 0 auto;
			}
			.content img{
				display: block;
				width: 100%;
				max-width: 100%;
			}
		</style>
	</head>
	<body>
		
		<div class="content">
			<img src="" alt="prime-research"/>
		</div>
		
		<script type="text/javascript" src="js/jquery-1.11.1.min.js" ></script>
		<script type="text/javascript">
			$(function(){
				function makeImageResponsive(){
					var width=$(window).width();
					var img = $(".content img");
					
					if(width<=480){
						img.attr("src","images/1.png");
					}else if(width<=800){
						img.attr("src","images/10.jpg");
					}else{
						img.attr("src","images/17.jpg");
					}
					
				}
				$(window).on('resize load',makeImageResponsive);
			})
		</script>
	</body>
</html>
